<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.wh100 {
				width: 100px;
				height:100px;
				background-color: gray;
			}
			
			
		</style>
	</head>
	<body>
		<a class="wh100">hello</a>
		<span  class="wh100">world</span>
		<img src="http://img4.imgtn.bdimg.com/it/u=335766965,268232045&fm=26&gp=0.jpg" height="200px" width="100px" />
		<button  class="wh100">按钮</button>
		aaaa<abbr>aaaa</abbr>aaaa<em>aaa</em> aaa<strong>aaaa</strong>aaa
		<hr />
		111111111111111111<div>aaaaaa</div>
		11111<p>aaaaaa</p>
		<aside>ssssss</aside>
		
		<table>
			<tr>
				<td>1</td>
				<td>1</td>
			</tr>
			
			<tr>
				<td>1</td>
				<td>1</td>
			</tr>
		</table>
		<div>
			<img src="imgs/头像.jpg" />
		</div>
		
		<style>
			#tx:hover {
				/* 透明度 */
				opacity: 1;
			}
			.img {
				opacity: 0.5;
			}
		</style>
		<div id="tx" class="img" style="background-image: url(imgs/头像2.jpg); 
		background-size: contain ;
		border-radius: 100px;
		width: 200px;
		height: 200px;">
				
		</div>
		
		<div style="width: 90px; height: 100px; 
		background-image: url(imgs/timg.jpg);
		background-position: -254px -237px;
		background-repeat: no-repeat;
		">
			
		</div>
		
		<style>
			#s1 {
				color: red
			}
			.s1 {
				color: blue;
			}
			span {
				color: green !important;
			}
			
			
		</style>
		<span id="s1" class="s1">aaa</span>
	</body>
</html>
